<template>
	<view>
		<view class="goods">
			<view class="goodslist" v-for="goodsitem in ordergoodslist">
				<view class="goodslist_left">
					<image style="width: 160rpx; height: 160rpx;" :src="goodsitem.goodsimg" mode=""></image>
				</view>
				<view class="goodslist_right">
					<view class="goodslist_right_name">
						{{goodsitem.goodsname}}
					</view>
					<view class="goodslist_right_title">
						{{goodsitem.goodstitle}}
					</view>
					<view class="goodslist_right_price">
						<view class="goodslist_right_price_jia">
							<text
								style="font-family: PingFang SC, PingFang SC;font-weight: bold;font-size: 28rpx;color: #409CFD;">￥</text>{{goodsitem.goodsprice}}
						</view>
						<view class="goodslist_right_price_nmb">
							x{{goodsitem.goodsnumber}}
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ordergoodslist: [{
						id: 0,
						goodsimg: "../../../static/my/goodsimg.png",
						goodsname: '新思维早启蒙 情境思维数学 童年教育',
						goodstitle: "描述描述",
						goodsprice: "100",
						goodsnumber: "1"
					},
					{
						id: 0,
						goodsimg: "../../../static/my/goodsimg.png",
						goodsname: '新思维早启蒙 情境思维数学 童年教育',
						goodstitle: "描述描述",
						goodsprice: "12212",
						goodsnumber: "1"
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.goods {
		border-bottom: 2rpx solid #EAEAEA;
		margin: auto;
		padding: 0px 35rpx;
	}

	.goodslist {
		height: 160rpx;
		margin: 6rpx auto 6rpx;
		display: flex;
		justify-content: center;
		margin-top: 25rpx;

	}
	.goodslist_right {
		width: 468rpx;
		margin: 0 22rpx 0 16rpx;
	}
	.goodslist_right_name {

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 28rpx;
		color: #333333;
		line-height: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		height: 33%;
	}

	.goodslist_right_title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* margin: 16rpx 0 14rpx 0; */
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #666666;
		line-height: 28rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		height: 33%;
	}

	.goodslist_right_price {
		display: flex;
		align-items: center;
		height: 33%;
	}

	.goodslist_right_price_jia {
		width: 200rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 40rpx;
		color: #409CFD;
		line-height: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	.goodslist_right_price_nmb {

		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #666666;
		line-height: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	.goodsprice {
		display: flex;
		justify-content: flex-end;
		width: 636rpx;
		margin-top: 16rpx;
		align-items: center;
	}

	.goodsnumber {
		width: 30%;

		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #666666;
		line-height: 33rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
</style>
